body {
  background-color: black; /* You can use color names, hex, RGB, or HSL values */
  color: white;
}

#board {
    border-radius: 10px;
}
/*
Explanation:
Selector: The body selector targets the entire page.
Property: background-color sets the background color.
Value: You can use:
Color names: e.g., lightblue, red.
Hex codes: e.g., #ff5733.
RGB values: e.g., rgb(255, 87, 51).
HSL values: e.g., hsl(9, 100%, 60%).
Example with Hex Code:
Css

Copy code
body {
  background-color: #f0f0f0; /* Light gray
}


Example with RGB:
Css

Copy code
body {
  background-color: rgb(240, 240, 240); /* Light gray 
}
Add this CSS to your stylesheet or within a <style> tag in your HTML file, and it will apply the background color to the entire page.





#container {
    width: 200px;
    height: 200px;
    background: green;
    position: relative;
}
/*
#box {
    width: 50px;
    height: 50px;
    background: red;
    position: absolute;
}


#board {
    width: 300px;
    height: 300px;
    position: relative;
    background:grey;
}
#main {
    width: 300px;
    height: 500px;
    position: relative;
    background:grey;
}
/*
#pos1 {
  width: 30px;
  height: 30px;
  background:red;
  border-radius: 15px;
  position: absolute;
  left: 10px;
  top: 10px;
}

*/

h2{
  color: #00CCFF;
}

title{
    color: white;
}